@charset "utf-8";
/*****************************************************************
** Copyright © 南京奥派信息产业股份公司研发部
** 创建人:     李秋花
** 创建日期:   2014年4月15日
** 描 述:      base 样式模块 
** 修改人:      
** 修改日期:    
** 修改说明:
******************************************************************/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    color:#333;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0; padding:0; word-break:break-all; word-wrap: break-word;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block; *display: inline; *zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:14px/1.5 微软雅黑;
	color: #333;
}
input,select,textarea {
    font-size:100%;
}
textarea {
	overflow: auto;
	resize: none;
}
input,button,select,textarea,*:focus{ outline:none;}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
	border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
    text-align:inherit;
}

/* 去除默认边框 */
fieldset, img, html, body, iframe {
    border:0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:0;
	font-variant:normal;
}

/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}

address,caption,cite,code,dfn,th,var,i,small {
    font-style:normal;
    font-weight:400;
}

strong, b {
	font-weight:700;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}

/* 让标题都自定义, 适应多个系统应用 
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}*/

q:before,q:after {
    content:'';
}

/* 统一上标和下标 */
sub, sup {
    font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup { 
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* 正常链接 未访问 */
a:link, a:visited {
    color: #333;
}

/* 鼠标悬停 */
a:hover {
    color: #333;
    text-decoration: none;
}


/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
}

a, button {
	cursor: pointer;
	outline: 0;
}

/* 代码字体 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/* 选中的文字设置 */
::selection {
	text-shadow: none;
	color: #fff;
	background-color: rgba(0,102,255,0.8);
}
/* 含placeholder的input文字设置 */
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

::-webkit-textarea-placeholder {color:#999;}
:-ms-textarea-placeholder {color:#999;}

/* 清理浮动 */
.f-clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.f-clear {
    zoom:1; /* for IE6 IE7 */
}

/* 隐藏, 通常用来与 JS 配合 */
.f-hide {
    display:none !important;
}
.f-show {
    display:block;
}

/*强制换行*/
.f-break {
	word-break:break-all; /*支持IE，chrome，FF不支持*/
	word-wrap:break-word;/*支持IE，chrome，FF*/
}


/* 设置内联, 减少浮动带来的bug */
.f-left,
.f-right {
    display:inline;
}
.f-left {
    float:left;
}
.f-right {
    float:right;
}

/* 设置文字对齐方式 */
.f-tal { 
	text-align:left;
}
.f-tac { 
	text-align:center;
}
.f-tar { 
	text-align:right;
}


/* 单行文字溢出时出现省略号，需设定宽度 */ 
.f-toe {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 文本的有无下划线 */ 
.f-tdu,.f-tdu:hover {
	text-decoration:underline;
}
.f-tdn,.f-tdn:hover {
	text-decoration:none;
}

/*浮动层的显示与隐藏*/
.x-hide {-webkit-transition-property: opacity,-webkit-transform;-moz-transition-property: opacity,-webkit-transform;-ms-transition-property: opacity,-webkit-transform;
-o-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;-webkit-transition-duration: 0.15s;-moz-transition-duration: 0.15s;
-ms-transition-duration: 0.15s;-o-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transform: scale(0.9);opacity: 0;
pointer-events: none;display: none\9;visibility: hidden;}
.x-show {opacity: 1;-webkit-transform: scale(1);pointer-events: all;display: block\9;visibility: visible;}

/* 简单的渐变 */
.f-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
    background:-o-linear-gradient(top, #fcfcfc, #f1f1f1);
    background:-ms-linear-gradient(top, #fcfcfc, #f1f1f1);
    background: linear-gradient(top, #fcfcfc, #f1f1f1);
}

/* 浅色的渐变 */
.f-linear-light {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background:-o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background:-ms-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9);
}

/* 人民币符号 */
.f-rmb {
    font-family: arial;
    font-style: normal;
    padding-right: 4px;
}

/* chrome 下字体过小的问题 */
.f-webkit-adjust {
    -webkit-text-size-adjust: none;
}

/*字体*/
[class^="icon-"],[class*=" icon-"]{font-family:"iconfont";font-size:16px;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}

/*颜色*/
.f-cwhite,a.f-cwhite { color:#fff; }
.f-cdarkblue,a.f-cdarkblue { color: #34495e;} 
.f-cgreen,a.f-cgreen { color: #15A085;}
.f-green,a.f-green { color: green;} 
.f-cblue,a.f-cblue { color: #0096FF;} 
.f-cgray,a.f-cgray { color: #999;} 
.f-corg,a.f-corg {color: #F3A31B;}
.f-cred,a.f-cred { color:#f00;}

/*通用*/
.f-h10 {height: 10px; line-height: 10px; overflow: hidden; clear: both;}
.f-h20 {height: 20px; line-height: 20px; overflow: hidden; clear: both;}
.f-fs12 { font-size:12px;}
.f-fs14 { font-size:14px;}
.f-fs18 { font-size:18px;}
.f-fs20 { font-size:20px;}
.f-fs30 { font-size:30px;}
.f-graybg { background-color: #e9e9e9;}
.f-whitebg { background-color: #fff;}
.f-lightbluebg { background-color: #d8edff;}
.f-pdtb1 { padding:0 0 20px;}
.f-pdtb2 { padding:5px 10px;}
.f-pd20t { padding:20px 20px 0 20px;}
.f-pd10 { padding:10px;}
.f-pd20 { padding:20px;}
.f-pdt20 { padding:20px 0;}
.f-pdt10 { padding:10px 0;}
.f-pdb20 { padding:0 0 20px;}
.f-pd25 { padding:25px;}
.f-mgt7 { margin-top:7px;}
.f-mgl20 { margin-left:20px;}
.f-borrw { border-right:1px solid #fff;}
.f-mr5 { margin-right:5px;}

.f-h05em {height:0.5em;clear:both;}
.f-h1em {height:1em;clear:both;}
.f-h1.5em {height:1.5em;clear:both;}
.f-h2em {height:2em;clear:both;}